@import compass/css3
@import compass/css3/opacity
/**
 * @file
 * Administration menu.
 *
 * Implementation of Sons of Suckerfish Dropdowns.
 *
 * @see www.htmldog.com/articles/suckerfish

#navigation
  background: #101010
  font-size: 12px
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif
  left: 0
  text-align: left
  top: 0
  width: 100%

#navigation-wrapper
  overflow: hidden

body.navigation
  margin-top: 20px !important

/* All lists

#navigation
  line-height: 1.4em
  list-style: none
  margin: 0
  padding: 0
  z-index: 999
  .menu
    line-height: 1.4em
    list-style: none
    margin: 0
    padding: 0
    z-index: 999
    position: static
  a, li > span
    background: transparent none
    border: none
    color: #EEE
    font-weight: normal
    text-align: left
    /* LTR
    text-decoration: none
  .menu
    a, li > span
      border-right: 1px solid #323232
      /* LTR
      display: block
      padding: 4px 8px
    /* LTR
    li
      li a
        border-right: none
        /* LTR
        border-top: 1px solid #323232
      background-image: none
      float: left
      /* LTR
      height: 100%
      list-style-image: none
      list-style-type: none
      margin: 0 !important
      padding: 0
    li
      li
        background: #202020
        +opacity(0.88)
        width: 160px
        /* Required for Opera
        li
          +opacity(1)
      ul
        background: none
        display: none
        left: -999em
        /* LTR
        line-height: 1.2em
        margin: 0
        position: absolute
        width: 160px
      li.expanded ul
        margin: -20px 0 0 160px
      /* LTR
      &:hover ul ul, &.iehover ul ul
        display: none
        left: -999em
        /* LTR
        ul
          display: none
          left: -999em
          /* LTR
          ul
            display: none
            left: -999em
            /* LTR
            ul
              display: none
              left: -999em
      /* LTR
      &:hover ul
        display: block
        left: auto
      /* LTR
      li
        &:hover ul
          display: block
          left: auto
        /* LTR
        li
          &:hover ul
            display: block
            left: auto
          /* LTR
          li
            &:hover ul, li:hover ul
              display: block
              left: auto
      /* LTR
      &.iehover ul
        display: block
        left: auto
      /* LTR
      li
        &.iehover ul
          display: block
          left: auto
        /* LTR
        li
          &.iehover ul
            display: block
            left: auto
          /* LTR
          li
            &.iehover ul, li.iehover ul
              display: block
              left: auto
      /* LTR
      li
        &.expanded
          background: #45454a url(../images/arrow.png) no-repeat 145px 6px
        &:hover, &.iehover
          background-color: #111
        &:hover
          a
            color: #FFF
          li:hover
            a, li:hover a
              color: #FFF
        &.expanded:hover
          a
            border-color: #444
            color: #EEE
          li
            &.expanded:hover a
              border-color: #444
              color: #EEE
            a, &.expanded:hover li a
              border-color: #323232
        &:hover li a
          color: #EEE
        &.iehover
          li
            a, &.iehover li a
              color: #EEE
          a
            color: #FFF
            width: 90%
          /* IE
          li.iehover
            a, li.iehover a
              color: #FFF
              width: 90%
  /* IE
  li.highlight
    background-color: #eee !important
    > a
      border-color: #ccc !important
      color: #111 !important

/* All list items

/* Second-level lists
/* Note: We must hide sub-lists or scrollbars might appear (display: none is not read by screen readers).

/* Third-and-above-level lists

/* Lists nested under hovered list items

/* Second-and-more-level hovering

/* Search form

/* #210615: Mozilla on Mac fix

html.js fieldset.collapsible div.fieldset-wrapper
  overflow: visible

/* Hide the menu on print output.
@media print
  #navigation
    display: none !important
  body.navigation
    margin-top: 0 !important
